<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/layout/masterLayout.xhtml">  	
		<ui:define name="content">
	    	<h:form id="form">
				<h:panelGrid columns="3" rendered="#{userBean.instructor}">
					<h:outputText value="Max ideas"/>									
					<p:spinner value="#{cloudBean.max}">
						<p:ajax update=":cloud" listener="#{cloudBean.buildCloudModel()}" />
					</p:spinner>  									
					<h:commandButton value="Reset" action="#{cloudBean.reset()}" />
				</h:panelGrid>	    	
				<h:panelGrid columns="2">									
					<h:inputTextarea id="textArea" value="#{ideaBean.idea}" cols="40" rows="6"/>
									
					<h:commandButton value="Change Idea" action="#{ideaBean.launchIdea()}" />
				</h:panelGrid>
			</h:form>	
			<br/>
			<h:outputText id="numIdeas" value="#{cloudBean.numOfIdeas} contributions so far" />
			<br />			
			<p:tagCloud id="cloud" model="#{cloudBean.cloudModel}">  
        		<p:ajax event="select" update="form:textArea cloud numIdeas" listener="#{ideaBean.onSelect}" />  
    		</p:tagCloud>  
			
			<h:form>
 				<p:poll interval="8" update=":cloud :numIdeas" /> 
			</h:form>							
		</ui:define>			
	</ui:composition>		
</html>